<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>标签类型及转换</title>
	</head>
	<body>
		<span style="background: red;">我是行内元素,我的宽高由自身决定</span>
		<a href="#">我是行内元素，我和span在一行显示</a>
		<p style="background: yellow; height: 50px; width: 200px;display: inline-block;">我本身是块元素，通过转换成为行内块元素</p>
		<br />
		<div style="background: cyan; height: 50px;">我是块元素，独占一行可设置宽高</div>
		<br />
		<span style="background: coral; display: block;">我本身是行内元素，通过转换成为块元素</span>
	</body>
</html>
